import { observer } from "mobx-react-lite"
import { Path, SvgProps } from "react-native-svg"
import { useGlobalStore } from "../../mobx"
import { getColorStr } from "../../themes"
import { SvgCommon } from "./Common"

export const SvgUser = observer((props: SvgProps) => {
    const { theme } = useGlobalStore()
    return (
        <SvgCommon {...props} isCommon>
            <Path d="M24.5 26.9515C26.9548 26.9515 29.3347 27.434 31.574 28.3803C33.7384 29.2939 35.6825 30.6056 37.3503 32.278C39.0228 33.9505 40.3298 35.8947 41.248 38.0543C41.8289 39.427 42.2318 40.8558 42.4614 42.3175H6.53868C6.76355 40.8511 7.17112 39.427 7.75203 38.0543C8.66556 35.89 9.97729 33.9458 11.6497 32.278C13.3222 30.6056 15.2664 29.2985 17.4261 28.3803C19.6654 27.434 22.0452 26.9515 24.5 26.9515ZM24.5 24.1406C12.9099 24.1406 3.51233 33.5382 3.51233 45.1283H45.4877C45.4877 33.5382 36.0901 24.1406 24.5 24.1406Z" fill={getColorStr(theme, 'color_1')}/>
            <Path d="M24.5 5.96369C26.8798 5.96369 29.1145 6.89127 30.7963 8.56841C32.4781 10.2502 33.401 12.4849 33.401 14.8647C33.401 17.2446 32.4734 19.4792 30.7963 21.161C29.1145 22.8429 26.8798 23.7658 24.5 23.7658C22.1201 23.7658 19.8855 22.8382 18.2037 21.161C16.5218 19.4792 15.5989 17.2446 15.5989 14.8647C15.5989 12.4849 16.5265 10.2502 18.2037 8.56841C19.8855 6.89127 22.1201 5.96369 24.5 5.96369ZM24.5 3.15283C18.0303 3.15283 12.7881 8.39507 12.7881 14.8647C12.7881 21.3344 18.0303 26.5766 24.5 26.5766C30.9696 26.5766 36.2119 21.3344 36.2119 14.8647C36.2119 8.39507 30.9696 3.15283 24.5 3.15283Z" fill={getColorStr(theme, 'color_1')}/>
        </SvgCommon>
    )
})
